import React from 'react';
import { Container, Typography, Box, Paper } from '@mui/material';
import { CashBookTable } from '../sections/cashBook';

export default function CashBookPage() {
  return (
    <Container maxWidth="xl">
      <Box sx={{ py: 3 }}>
        <Typography variant="h4" component="h1" gutterBottom>
          现金簿管理
        </Typography>
        <Typography variant="body1" color="text.secondary" paragraph>
          记录和管理您的收入、支出、转账和借贷等财务记录
        </Typography>
        
        <Paper sx={{ p: 3, mt: 3 }}>
          <CashBookTable />
        </Paper>
      </Box>
    </Container>
  );
}
